import React, { Component } from 'react'
import Search from './component/Search'
import List from './component/List'

export default class App extends Component {
  state = {
    list: [],
    isFirst: true, // 是否第一次进入
    isLoading: false,
    errInfo: '' // 存储返回的错误信息
  }

  // 注意：
  // 笨拙写法，每个状态都有一个对应的更新状态方法
  // 更新 list 数组
  // updateList = (list) => {
  //   this.setState({ list })
  // }

  // // 更新loading 状态
  // updateLoading = (status) => {
  //   this.setState({ isLoading: status })
  // }

  // 简化写法
  updateAddStatus = (obj) => {
    this.setState(obj)
  }

  render() {
    return (
      <div>
        <Search updateAddStatus={this.updateAddStatus} />
        <List {...this.state} />
      </div>
    )
  }
}
